<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>课程训练</title>
	</head>
	<body id="sports">
		<main class="main">
			<!-- 头部导航 -->
			<nav id="navbar"></nav>
			<!-- 最新课程 -->
			<section id="newCourse">
				<h3>最新课程</h3>
				<a href="sports_course_detail.html" id="newCourse1">
					<img src="../../assets/images/course-img01.jpg" alt="无" />
					<h4>标题</h4>
					<p>说明文字</p>
				</a>
			</section>
			<!-- 课程 -->
			<section id="classes">
				<h3>课程</h3>
				<ul>
					<li>
						<a href="sports_course_detail.html">
							<img src="../../assets/images/course-img01.jpg" alt="无" />
							<h4>标题</h4>
							<p>说明文字</p>
						</a>
					</li>
					<li>
						<a href="sports_course_detail.html">
							<img src="../../assets/images/course-img01.jpg" alt="无" />
							<h4>标题</h4>
							<p>说明文字</p>
						</a>
					</li>
					<li>
						<a href="sports_course_detail.html">
							<img src="../../assets/images/course-img01.jpg" alt="无" />
							<h4>标题</h4>
							<p>说明文字</p>
						</a>
					</li>
				</ul>
			</section>
		</main>
		<!-- 底部导航 -->
		<nav id="tabbar"></nav>
	</body>
</html>
